{__NOLAYOUT__}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    
    
    <!-- ZUI1.7.0 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
    
    <!-- Swiper -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
    
    <link href="__PUBLIC__/dist/css/mobile.css" rel="stylesheet">

</head>
<body>
<div id="page">
    <!-- Header -->
         <include file="Index:nav" />
    <!-- Header End -->

    <div class="banner"><img src="__PUBLIC__/dist/image/mobile-banner.jpg"></div>

    <!-- 项目列表 start -->
    <div class="container pt-40">
        
        <section class="rank">
            <div class="rank-nav">
                <a class="active">浏览排行</a>
                <a>热度排行</a>
            </div>
            <ul class="rank-list">
                <volist name="liulan" id="vo" key="k">
                <li class="clearfix">
                    <span class="num">{$k}</span>
                     <if condition = " $k lt '4' "><img  src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.bigimage}"></if>
                     <a href='index.php?g=Mobile&m=Index&a=details&pid={$vo.zyid}&cid={$vo.gwid}&oid={$vo.id}'><p class="text-ellipsis">{$vo.title}</p></a> 
                       <if condition = " $k lt '4' ">
                    <div class="card-info-item clearfix">
                        <label class="text-ellipsis"><i class="icon-fwl"></i>{$vo.readpoint}</label>
                        <label class="text-ellipsis"><i class="icon-rd"></i>{$vo.redu}</label>
                    </div>
                       </if>
                </li>
                </volist>
            </ul>
            <ul class="rank-list none">
                <volist name="redu" id="voo" key="kk">
                <li class="clearfix">
                    <span class="num">{$kk}</span>
                    <if condition = " $kk lt '4' "><img src="http://hgedu.fjhgkj.com{$voo.bigimage}" data-src="http://hgedu.fjhgkj.com{$voo.bigimage}"></if>
                    <a href='index.php?g=Mobile&m=Index&a=details&pid={$voo.zyid}&cid={$voo.gwid}&oid={$voo.id}'><p class="text-ellipsis">{$voo.title}</p></a>
                       <if condition = " $kk lt '4' ">
                    <div class="card-info-item clearfix">
                        <label class="text-ellipsis"><i class="icon-fwl"></i>{$voo.readpoint}</label>
                        <label class="text-ellipsis"><i class="icon-rd"></i>{$voo.redu}</label>
                    </div>
                       </if>
                </li>
                </volist>
                
            </ul>
        </section>

        <h2 class="pt-40">系统访问时序图</h2>
        <section class="echarts-box mb-60">
            <div id="echarts" style="width:1200px;height:400px;"></div>
        </section>

    </div>

</div>


<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/lib/jquery/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0.rc2/echarts.min.js"></script>
<script src="__PUBLIC__/dist/js/main.js"></script>
<script type="text/javascript">

    $(".rank-nav").on("click","a",function(){
        var that = $(this);
        if(that.hasClass("active")) return;

        that.siblings().removeClass("active");
        that.addClass("active");

        $(".rank-list").addClass("none");
        $(".rank-list").eq(that.index()).removeClass("none");

        srcollLoadImg(function ($obj) {
            var $img = $obj;
            //比例
            var h = $img.width() / (280/160) + "px";
            $img.height(h);
        });
    })

var myChart = echarts.init(document.getElementById('echarts'));
var option = {
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    tooltip: {
        formatter: '<p style="text-align:center;">{b0} <br />访问量：{c0}</p>',
    },
    xAxis: {
        name:"日期",
        type: 'category',
        boundaryGap: false,
        data:  {$data.riqi},
        splitLine: {
            show: true
        },
    },
    yAxis: {
        name: "系统访问次数",
        type: 'value',
    },
    series: [{
        data: {$data.brower},
        type: 'line',
        areaStyle: {}
    }]
};
myChart.setOption(option);
</script>
</body>
</html>